<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title><g:layoutTitle default="Grails"/></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
    <link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
    <link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
   
    <!-- Biblioteca jQuery -->
    <script src="${resource(dir:'js', file:'jquery-1.7.1.min.js')}" type="text/javascript"></script>
     <script type="text/javascript" src="${resource(dir:'js', file: 'scripts.js')}"></script>
  <g:layoutHead/>
  <r:layoutResources />
</head>
<body>
  <div id="tudo">
    <div id="cabecalho" >
      <div id="cabecalho-container">
        <h1 class="logo">
          <g:link controller="admin" action="index"><img src="${resource(dir: 'images', file: 'logo.png')}" alt="Designo Design" title="Designo Design" /></g:link>
        </h1>
        <ul class="menu">
          <li>
            <a href="#" id="link-empresa">EMPRESA</a>
            <ul class="submenu" id="submenu-empresa">
              <li><g:link controller="empresa" action="show" id="1" class="${ativo == 1? 'marcado' : ''}"><span>Empresa</span></g:link></li>
              <li><g:link controller="equipe" action="list" class="${ativo == 2? 'marcado' : ''}"><span>Equipe</span></g:link></li>
              <li><g:link controller="atuacao" action="list" class="${ativo == 3? 'marcado' : ''}"><span>Areas de Atuação</span></g:link></li>
        </ul>
        </li>
        <li>
          <a href="#" id="link-portfolio">TRABALHOS</a>
          <ul class="submenu" id="submenu-portfolio">
            <li><g:link controller="portifolio" action="list"><span>Portifolio</span></g:link></li>
            <li><g:link controller="bannerHome" action="list"><span>Banner Home</span></g:link></li>
          </ul>
        </li>
        </ul>
      </div>
    </div><!--/ cabecalho -->
    <div id="corpo">
      <g:layoutBody/>
    </div><!--/ corpo -->
  </div><!--/ tudo -->
<g:javascript library="application"/>
<r:layoutResources />
</body>
</html>